<!DOCTYPE html>
<title>Reference for a composited child of a perspective sticky element should work correctly</title>

<style>
.composited {
  backface-visibility: hidden;
}

.scroller {
  overflow-y: scroll;
  height: 100px;
}

.marker {
  position: relative;
  top: 50px;
  height: 50px;
  width: 50px;
  background: green;
}

.padding {
  height: 500px;
}
</style>

<script>
window.addEventListener('load', function() {
  document.querySelector('.scroller').scrollTop = 50;
});
</script>

<div class="composited scroller">
  <div class="marker"></div>
  <div class="padding"></div>
</div>

<div>You should see one green box above. No red should be visible.</div>
